import type { AppRouteModule } from '@/router/types'

const iframe: AppRouteModule = {
  path: '/frame',
  name: 'Frame',
  meta: {
    title: '外部页面',
    icon: 'paperclip',
    orderNo: 5
  },
  component: () => import(/* webpackChunkName: "Frame" */ '@/layout/cnps/empty/empty.vue'),

  children: [
    {
      path: 'vue3',
      name: 'Vue3',
      meta: {
        type: 'iframe',
        frameSrc: 'https://v3.cn.vuejs.org',
        title: 'Vue3'
      },
      component: () => import(/* webpackChunkName: "empty" */ '@/layout/cnps/empty/empty.vue')
    },
    {
      path: 'elementPlus',
      name: 'ElementPlus',
      meta: {
        type: 'iframe',
        frameSrc: 'https://element-plus.gitee.io/zh-CN/',
        title: 'Element Plus'
      },
      component: () => import(/* webpackChunkName: "empty" */ '@/layout/cnps/empty/empty.vue')
    },
    {
      path: 'https://v3.cn.vuejs.org',
      name: 'DocExternal',
      meta: {
        type: 'link',
        title: 'Vue3(外链)'
      }
    }
  ]
}

export default iframe
